<template>
    <div class="howtoGet">
        <div class="title">平台简介</div>
		<div class="content">
			<div class="flex">
				<div>基于号卡行业目前面临的问题，{{moban.platform_name}}分销平台在两个方面为您提供解决方案：</div>
			</div>
			<div class="flex">
				<div>1、作为生产工具：</div><br/>
				<div>订单的集中获取整理，自动识别归类、辅助审核及生产、问题订单处理</div>
			</div>
			<div class="flex">
				<div>2、作为分销工具：</div><br/>
				<div>网状结构在线分销、订单自动流转、佣金统计结算</div>
			</div>
			<div class="flex">
				<div>(1)产品集中化管理</div><br/>
				<div>上游产品及自有产品集中管理</div>
			</div>
			<div class="flex">
				<div>(2)多平台订单集中处理</div><br/>
				<div>自动抓单、智能审核、自动生产、自动发货。</div>
			</div>
			<div class="flex">
				<div>(3)支撑自由分销</div><br/>
				<div>任何商家都可以分销别家产品，也可以让其他商家帮助分销自己的产品，发展订单自动进入上游生产</div>
			</div>
			<div class="flex">
				<div>(4)财务结算统计</div><br/>
				<div>分销业务订单明细导出，按照预设佣金及条件自动统计佣金</div>
			</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoDo',
    	data(){
    		return{
				howtoGet1:'./static/help/howtoGet1.png',
				howtoGet2:'./static/help/howtoGet2.png',
				howtoGet3:'./static/help/howtoGet3.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoDo{ font-size: 14px;
		.titleh{ line-height: 60px; font-size: 26px; color: #4D4D4D; text-align: center;}
    background: #F1F1F1;
    font-size: 14px;
    
    .exit {
      margin-left: 20px;
      cursor: pointer;
      color: #77C9FF;
    }
    
    .flex {
      display: flex;
      flex-wrap: wrap;
    }
    
    .w1350 {
      width: 1350px;
      margin: 0 auto;
    }
    
    .top {
      height: 30px;
      line-height: 30px;
    }
    
    .logo {
      background: #42628D;
      padding: 20px 0;
    }
    
    .center {
      padding: 30px 0;
    
      .hleft {
        background: #fff;
        width: 330px;
        box-sizing: border-box;
        padding-top: 10px;
        color: #77C9FF;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
    
        .title {
          padding-bottom: 20px;
          padding-top: 20px;
          font-size: 16px;
          font-weight: bold;
          padding-left: 35px;
        }
    
        .nav:hover {
          background: #F1F1F1;
        }
    
        .nav {
          line-height: 40px;
          padding-left: 35px;
          display: block;
          color: #77C9FF;
        }
    
        .router-link-active {
          background: #F1F1F1 !important;
        }
      }
    
      .hright {
        background: #fff;
        justify-content: space-between;
        width: 1000px;
        box-sizing: border-box;
        margin-left: 20px;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
        padding-bottom: 30px;
    
        img {
          width: 100%;
          display: block;
          margin: 20px 0;
        }
    
        .title {
          padding: 15px 30px;
          font-size: 18px;
          color: #4D4D4D;
          border-bottom: 1px #DBDBDB solid;
        }
    
        .title2 {
          color: #FF6161;
          font-weight: bold;
        }
    
        .title4 {
          color: #FF7777;
          font-size: 14px
        }
    
        .bold {
          font-weight: bold;
        }
    
        .content {
          padding: 0 35px;
          line-height: 50px;
        }
    
        .nei {
          padding-left: 60px;
        }
    
        .blue {
          color: #77C9FF;
        }
    
        .title3 {
          font-size: 16px;
        }
    
        .big {
          font-size: 18px;
          padding: 20px 0;
        }
      }
    }
	}
</style>
